@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:15px/1.5 '微软雅黑';}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none}
a:hover{text-decoration:none; color:#0d3f8b;}
.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999}
.red, .red a, a.red{color:red;}.green{color:#0E774A}
.gray{ color:#333;}
select optgroup{color:#CAC8BB;}
header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.fl{float: left}.fr{float: right}.pr{ position:relative}.pa{ position:absolute}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}
.tc{text-align: center;}.tl{text-align: left;}.tr{text-align: right;}
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-66{padding-bottom: 66%;}
.rect-665{padding-bottom: 66.5%;}
.rect-70{padding-bottom: 70%;}
.rect-725{padding-bottom: 72.5%;}
.rect-75{padding-bottom: 75%;}
.rect-775{padding-bottom: 77.5%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-95{padding-bottom: 95%;}
.rect-100{padding-bottom: 100%;}
.rect-120{padding-bottom: 120%;}
.rect-6875{padding-bottom:68.75%;}
.rect-3175{padding-bottom:31.75%;}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover:hover img{ opacity:.6;}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.button-bubble{display:block;width: 240px;height: 56px;line-height: 56px;border-radius: 28px;background-size: 300% auto;background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);-moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);position: relative;}
.button-bubble .button {display: block;width: 100%;text-align: center;color: #FFFFFF;font-style: normal;text-transform: uppercase;position: relative;z-index: 1;}
.button-bubble .bghover{position:absolute;top:0; left:0;z-index: 0;width: 240px;height: 56px;line-height: 56px;border-radius: 28px;background-size: 300% auto;background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);-moz-background-image: linear-gradient(90deg, #00ada2 0, #4dd89d 50%, #1cb19c);}
.button-bubble .effect{position:absolute;display: block;height: 400%;width: 200%;left: -50%;top: -150%;transition: all .1s ease-out;pointer-events: none;}
.button-bubble .circle {position: absolute;width: 15px;height: 15px;border-radius:100%;background-size: 300% auto;background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);-moz-background-image: linear-gradient(90deg,#008783 0,#6ab550 50%,#008783);transition: background .1s ease-out;opacity:0;-webkit-transition: all ease .4s;-moz-transition: all ease .4s;-ms-transition: all ease .4s;-o-transition: all ease .4s;
transition: all ease .4s;}		
.button-bubble:hover .bghover{background: #32c39c;	animation:background .6s;-webkit-animation:background .6s;}
.button-bubble:hover .circle{background: #32c39c;}
.button-bubble.animation .circle{animation:oppfunction 1.2s;-webkit-animation:oppfunction 1.2s ;}
.button-bubble.animation .top-left1 {left:22%;top:36%;width: 6px;height: 6px;}
.button-bubble.animation .top-left2 {left:20%;top:45%;width: 6px;height: 6px;}
.button-bubble.animation .top-left3 {top: 32%;left: 15%;width: 30px;height: 30px;}
.bgFull{background-size: cover;background-position: center center;background-repeat: nno-repeat}
.b-shadow{-o-box-shadow:0 0 30px rgba(0,0,0,.08); -ms-box-shadow:0 0 30px rgba(0,0,0,.08); -moz-box-shadow:0 0 30px rgba(0,0,0,.08); -webkit-box-shadow:0 0 30px rgba(0,0,0,.08); box-shadow:0 0 30px rgba(0,0,0,.08);}
@media (max-width:768px) {
.button-bubble{width:180px;height: 46px;line-height: 46px;border-radius: 23px;}
.button-bubble .bghover{width: 180px;height: 46px;line-height: 46px;border-radius: 23px;}
}
@media (max-width:425px) {
.button-bubble{width:160px; }
.button-bubble .bghover{width: 160px; }
}
/* 公共部分 */
.channel_content{padding: 70px 0;}
@media (max-width: 1200px) {
.channel_content{padding: 50px 0;}
}
@media only screen and (max-width: 1024px){
.channel_content{padding: 40px 0;}
}
@media only screen and (max-width: 768px){
.channel_content{padding: 30px 0;}
}
/*page*/
.page{color: #777777; text-align: center;padding-top: 40px;clear:both;float: none;}
.page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 7px 12px;vertical-align: middle; margin-left:5px}
.page .gonext,.page .count {margin-left: 10px;}
.page a:hover,.page span{color:#fff; background: #ff9c00;border: 1px solid #ff9c00;padding: 7px 12px;}
.page span.goprev,.page span.gonext {color: #777777; background: none}
.page span.count { border: 0;background: 0;color: #777777;}
.page .fa{ font-size:22px;}
@media (max-width:426px) {
.page a,.page span { padding: 4px 8px; margin-left:2px}
.page a:hover,.page span{padding: 4px 8px;}
}
/*header*/
.header{box-shadow: 0 6px 6px rgba(0, 0, 0, .075); background:#fff;}
.nav-container{position: inherit; margin-top:0px;}
.logo{padding:10px 0 15px;}
.logo img{float: left}
.logo-text{margin-left: 250px;padding-left: 10px;border-left: 1px solid #666;margin-top: 8px;}
.logo-text .logo-text-top{color:#999;font-size: 14px;letter-spacing:2px;}
.logo-text .logo-text-bottom{color:#c0a16b;font-size: 18px;line-height: 50px;}
.tel-info{color:#ff9c00;padding:38px 0px 0 0;}
.tel-info h6{font-size: 20px; text-align: right;}
.tel-info h6 i{font-size:20px; color:#ff9c00;margin-right: 15px;}
#bs-example-navbar-collapse-1{text-align: right;}
#bs-example-navbar-collapse-1 .caret{display: none;}
.nav > li > a:hover, .nav > li > a:focus{background: inherit;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: inherit;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{ top: inherit;text-align: center;background:#fff;}
.navbar-right .dropdown-menu { right:auto;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:20px; margin-left:20px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 24px 5px 10px 5px; color:#333; font-size:17px;}
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{padding-bottom: 8px;color:#ff9c00; border-bottom:2px #ff9c00 solid;}
#bs-example-navbar-collapse-1 .navbar{position: inherit;margin-bottom: 0;}
#bs-example-navbar-collapse-1 .navbar.nav > li{position: inherit;}
#bs-example-navbar-collapse-1 .navbar .dropup,#bs-example-navbar-collapse-1 .navbar .dropdown{position: inherit;}

@media (max-width:1600px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:10px; margin-left:30px;}
}
@media (max-width:1440px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:5px; margin-left:25px;}
}
@media (max-width:1366px) {
.logo{padding:10px 0;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-left:20px;}
.tel-info h6{font-size: 20px; }
.tel-info h6 i{font-size:22px; }
}
@media (max-width:1280px) {
.logo img{width:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-left:15px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 25px 5px 10px 5px; color:#333; font-size:17px;}
.tel-info{ padding:40px 0px 0 0;}
}
@media (max-width:1240px) {
#bs-example-navbar-collapse-1 .navbar-nav > li { margin-right:5px; margin-left:10px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding: 20px 5px 10px 5px; font-size:16px;}
.tel-info{ padding:35px 0px 0 0;}
.tel-info h6{font-size: 18px; }
}
@media (max-width:1200px) {
.tel-info h6{font-size: 16px; }
}
@media (max-width: 991px) {
.header .container{ width:100%; margin:0 auto; padding-right:0px;padding-left: 0px; height:60px;box-shadow: 0 2px 6px rgba(0, 0, 0, .075);}
.header .container .row{ margin-left:0px; margin-right:0px;}	 
.navbar-header{ width:98%; margin:0 auto;}
#bs-example-navbar-collapse-1{text-align: left;}
.navbar-brand{height: inherit;padding: 20px 15px;text-indent: -9999px;background: url(../images/logo.png) no-repeat 0px 7px;width: 200px;background-size:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li > a{padding:0px 10px;}
#bs-example-navbar-collapse-1 .navbar-nav > li{border-bottom: 1px solid #ccc;}
#bs-example-navbar-collapse-1 .navbar-nav > li:last-child{border-bottom: none;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu{text-align: left;background:transparent; color:333;width:100%; height:100%;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu li{display: block;/*border-top:1px solid #ccc;*/padding: 7px 0px;}
.navbar-toggle{font-size: 22px;padding: 5px 0px; margin-right:0px;}
#bs-example-navbar-collapse-1 .navbar-nav > li > .dropdown-menu > li > a{ color:#333; border-right:0px solid #333; padding: 0 25px 15px;font-size: 15px; }
#bs-example-navbar-collapse-1 .navbar-nav > li.open >a{ color:#ff9c00; }
#bs-example-navbar-collapse-1 .caret{display: block; float:right; margin-top:25px;}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {max-height: inherit;}
.navbar-nav .open .dropdown-menu {position: static;float: none;width: 100%;margin-top: 0;background-color: transparent;border: 0;-webkit-box-shadow: none;box-shadow: none;}
}
/* footer */
.i_infor {width: 100%;background: #313437;padding: 50px 0;background-attachment: fixed;}
.i_infor .nav_secondary {float: left;width: 58%;}
.i_infor .nav_secondary li {width: 25%;float: left;}
.i_infor .nav_secondary li h2 {font-size: 18px;line-height: 2;margin-bottom: 8px; font-weight:600; color:#ff9c00}
.i_infor .i_contact h2 {font-size: 18px;line-height: 2;margin-bottom: 8px;font-weight:600; color:#ff9c00}
.i_infor .i_mobile h2 {font-size: 18px;line-height: 2;margin-bottom: 12px;font-weight:600; color:#ff9c00}
.i_infor .i_mobile h2, .i_infor .i_contact h2, .i_infor .nav_secondary li h2 { }
.i_infor .nav_secondary li h2 a {color: #ff9c00;}
.i_infor .i_contact p, .i_infor .nav_secondary li p {line-height: 2.2;}
.i_infor .nav_secondary li p a {color: rgba(255, 255, 255, 0.7);}
.i_infor .i_contact {float: left;width:27%;}
.i_infor .i_contact h2 a {color: #ff9c00;}
.i_infor .i_contact p {color: rgba(255, 255, 255, 0.7);}
.i_infor .i_contact p span {margin-right: 11px;width: 14px;text-align: center;}
.i_infor .i_contact p .fa-mobile-phone {font-size: 16px;}
.i_infor .i_contact p a{ color:rgba(255, 255, 255, 0.7);}
.i_infor .i_contact p .fa-phone {font-size: 18px;}
.i_infor .i_contact p .fa-tty {font-size: 15px;}
.i_infor .i_contact p .fa-map-o {font-size: 13px;}
.i_infor .i_contact p .fa-map-marker {font-size: 18px;}
.i_infor .i_mobile {width: 15%;float: left;}
.i_infor .i_mobile p{color: rgba(255, 255, 255, 0.7); font-size:14px;}
.footer_copy {padding: 14px 0 11px;background: #1f2021;color: #666; line-height:26px;}
.footer_copy a {color: #666; margin-left:10px;}
.m_footer{ position:fixed; width:100%; bottom:0; display:none; z-index:555; background:#ff9c00; }
.m_footer .m_footer_list{ display:inline-block; width:25%; text-align:center; color:#fff; padding:10px 0px; position:relative;}
.m_footer .m_footer_list:before{ content:""; display:inline-block; width:1px; height:60%; top:22%; right:0; background:rgba(255,255,255,.5); position:absolute;}
.m_footer .m_footer_list:last-child:before{ display:none;}
.m_footer .m_footer_list:nth-child(2) dd{ font-size:16px;}
@media (max-width: 768px) {
.i_infor { padding: 30px 0; }
.i_infor .nav_secondary { display:none;}
.i_infor .i_mobile { display:none;}
.i_infor .i_contact {float: none;width: 100%;}
.footer_copy div{ width:100%; line-height:24px; text-align:center;}
.footer_copy a {color: #666; margin-left:0px;}
.m_footer{ display:block;}
.mo_height{ height: 60px;}
}